$.ajax({
    url: './mysql/query.php?query=' + 'listar_personal',
    data: null,
    dataType: 'json',
    success: function(data)
    {
        montarFilas(data);


    },
    failure: function(response) {
        console.log("failure:" + response)
    },
    error: function(response) {
        console.log(response.status)
        if (response.status === 401) {
            $("#content").html("Usuario no autorizado");
        }

    }

});


function deletePersonal(id) {
    if (!confirm("¿Esta seguro que desea eliminar este registro?")) {
        return;
    }
    $.ajax({
        url: './mysql/query.php?query=' + 'delete_personal&id_personal='+"'"+id+"'",
        data: null,
        dataType: 'json',
        success: function(data)
        {
            $('#' + id).remove();
        },
        failure: function(response) {
            console.log("failure:" + response)
        },
        error: function(response) {
            console.log(response.status)
            if (response.status === 401) {
                $("#content").html("Usuario no autorizado");
            }

        }

    });
}


function montarFilas(data) {
    $("tr.personal").remove();
    $.each(data, function(indice, valor) {
        var cadena = jsonToString(valor);
        var tr = '<tr class="personal" id="' + valor.cedula + '" >\n\
                                <td>' + valor.cedula + '</td>'
                + '<td>' + valor.nombre + '</td>'
                + '<td>' + valor.apellido + '</td>'
                + '<td>' + valor.direccion + '</td>'
                + '<td>' + valor.telefono + '</td>\n\
                                <td>\n\
                                    <button class"btn btn-mini" onClick="mostrarDetalle(\'' + cadena + '\');" title="Mostrar informacion detallada"><i class="icon-zoom-in"></i></button>\n\
                                    <button class"btn btn-mini" onClick="editarPersonal(\'' + cadena + '\');" title="Editar"><i class="icon-edit"></i></button>\n\
                                    <button title="Eliminar" data-dismiss="modal" aria-hidden="true" onClick="deletePersonal(\'' + valor.cedula + '\');" class"btn btn-mini"><i class="icon-trash"></i></button>\n\
                                </td>\n\
                            </tr>';

        $("#tablePersonal").append(tr);
        $(":button").tooltip();

    });
}

function mostrarDetalle(personal) {
    personal = $.parseJSON(personal.replace(/'/g, '"'))
    var cadena = ""
    if (personal.sexo === "M") {
        cadena += "<strong>Datos del Sr. " + personal.nombre + " " + personal.apellido + "</Strong> </br>";
    } else if (personal.sexo === "F") {
        cadena += "<strong>Datos del Sra. " + personal.nombre + " " + personal.apellido + "</Strong> </br>";
    }
    cadena += "Sexo: " + personal.sexo + "<br/>";
    cadena += "Direccion: " + personal.direccion + "<br/>";
    cadena += "Telefono: " + personal.telefono + "<br/>";
    cadena += "Correo: " + personal.email + "<br/>";
    $("#content").html(cadena);
}

function buscar(campo) {
    var url = "";
    if (campo === "cedula") {
        url = './mysql/query.php?query=' + 'listar_personal_cedula&valor=' + "'" + $('#inputFilter').val() + "'"
    }
    if (campo === "nombre") {
        url = './mysql/query.php?query=' + 'listar_personal_nombre&valor=' + "'" + $('#inputFilter').val() + "'"
    }

    $.ajax({
        url: url,
        data: null,
        dataType: 'json',
        success: function(data)
        {
            console.log(data)
            if (data != '{"result":0}') {
                montarFilas(data);
            } else {
                $("tr.personal").remove();
            }




        },
        failure: function(response) {
            console.log("failure:" + response)
        },
        error: function(response) {
            console.log(response.status)
            console.log(response)
            if (response.status === 401) {
                $("#content").html("Usuario no autorizado");
            }

        }

    });
}

function editarPersonal(valor) {
    console.log(valor.replace(/'/g, '"'))
    console.log($.parseJSON(valor.replace(/'/g, '"')).nombre)
    var json = $.parseJSON(valor.replace(/'/g, '"'));
    json.accion = "Actualizar";
    $.get("../personal/form_personal.php", json)
            .done(function(data) {
        $("#containerPrincipal").html(data)
    });


}